<template>
  <div>
       <table border="1">
          <tr>
            <td>
              <div class="table-item">单据编号</div>
            </td>
            <td>
              <div class="table-item">{{summaryInfo.billCode}}</div>
            </td>
            <td>
              <div class="table-item">单据类型</div>
            </td>
            <td>
              <div class="table-item">{{summaryInfo.billTypeName}}</div>
            </td>
          </tr>
          <tr>
            <td>
              <div class="table-item">申请人</div>
            </td>
            <td>
              <div class="table-item">{{summaryInfo.employeeName}}</div>
            </td>
            <td>
              <div class="table-item">提交日期</div>
            </td>
            <td>
              <div class="table-item">{{summaryInfo.billDate}}</div>
            </td>
          </tr>
          <tr>
            <td>
              <div class="table-item">账套</div>
            </td>
            <td>
              <div class="table-item">{{summaryInfo.billBook}}</div>
            </td>
            <td>
              <div class="table-item">部门</div>
            </td>
            <td>
              <div class="table-item">{{summaryInfo.employeeDeptName}}</div>
            </td>
          </tr>
          <tr>
            <td>
              <div class="table-item">金额</div>
            </td>
            <td>
              <div class="table-item">{{summaryInfo.billAmount}}</div>
            </td>
            <td>
              <div class="table-item">事由</div>
            </td>
            <td>
              <div class="table-item">{{summaryInfo.billReason}}</div>
            </td>
          </tr>
        </table>
    
  </div>
</template>

<script>

  export default {
    name:'',
    props:['summaryInfo'],
    data () {
      return {

      };
    },

    components: {},

    computed: {},

    beforeMount() {},

    mounted() {},

    methods: {},

    watch: {}

  }

</script>
<style scoped>

table,
th,
td {
  border: 1px solid #e6ebf5;
}

table {
  border-collapse: collapse;
  margin-top: 15px;
}

.table-item {
  margin: 5px;
  color: #606266;
  font-size: 14px;
  width: 100px;
}

</style>